<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

	<title>时光鸡商城</title>

	<link
		href="${pageContext.request.contextPath }/AmazeUI-2.4.2/assets/css/amazeui.css"
		rel="stylesheet" type="text/css" />
	<link
		href="${pageContext.request.contextPath }/AmazeUI-2.4.2/assets/css/admin.css"
		rel="stylesheet" type="text/css" />

	<link href="${pageContext.request.contextPath }/basic/css/demo.css"
		rel="stylesheet" type="text/css" />

	<link href="${pageContext.request.contextPath }/css/hmstyle.css"
		rel="stylesheet" type="text/css" />
	<link href="${pageContext.request.contextPath }/css/skin.css"
		rel="stylesheet" type="text/css" />
	<script
		src="${pageContext.request.contextPath }/AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
	<script
		src="${pageContext.request.contextPath }/AmazeUI-2.4.2/assets/js/amazeui.min.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.8.3.js"></script>
	<script type="text/javascript">
		$(function () {
			$("#nav").hide();
			$("#allcateogry").hover(function () {
			    $("#nav").show();
			}, function () {
			    $("#nav").hide();
			})
			// 鼠标移动到list的div上的时候list div不会被隐藏
			$("#nav").hover(function () {
			    $("#nav").show();
			}, function () {
			    $("#nav").hide();
			})
		});
	</script>
</head>

<body>
	<div class="hmtop">
		<!--顶部导航条 -->
		<!--悬浮搜索框-->
		<%@ include file="menu.jsp"%>
		<%@ include file="find.jsp"%>
	</div>
		<div class="banner" >
            <!--轮播 -->
            
			<div class="am-slider am-slider-default scoll" data-am-flexslider id="demo-slider-0">
				<ul class="am-slides">
					<li class="banner2"><a href="#"><img src="${pageContext.request.contextPath }/images/book.jpg" /></a></li>
				</ul>
			</div>
			<div class="clear"></div>	
		</div>
	
		<div class="shopNav">
			<div class="slideall">
			   <%@ include file="category.jsp" %>
		<!--侧边导航 -->
		
<%@ include file="leftCategory.jsp" %>

	<!--轮播-->
	<script type="text/javascript">
		(function() {
			$('.am-slider').flexslider();
		});

		$(document).ready(function(){
			$("li").hover(
				function(){
					$(".category-content .category-list li.first .menu-in").css("display","none");
					$(".category-content .category-list li.first").removeClass("hover");
					$(this).addClass("hover");
					$(this).children("div.menu-in").css("display", "block")
				},
				function() {
					$(this).removeClass("hover")
					$(this).children("div.menu-in").css("display", "none")
			});
		})

	</script>

		<!--小导航 -->
		<%@ include file="guide_small.jsp" %>
	</div>
	<script type="text/javascript">
		if ($(window).width() < 640) {
			function autoScroll(obj) {
				$(obj).find("ul").animate({
					marginTop : "-39px"
				}, 500, function() {
					$(this).css({
						marginTop : "0px"
					}).find("li:first").appendTo(this);
				})
			}
			$(function() {
				setInterval('autoScroll(".demo")', 3000);
			})
		}
	</script>
	</div>
	<!-- 演示 -->
	<%@ include file="demo.jsp" %>
	<!--引导 -->
	<%@ include file="guide.jsp" %>
	<!--菜单 -->
	<!--回到顶部 -->
	<%@ include file="right.jsp"%>
	<script>
		window.jQuery
				|| document
						.write('<script src="${pageContext.request.contextPath }/basic/js/jquery.min.js "><\/script>');
	</script>
	<script type="text/javascript"
		src="${pageContext.request.contextPath}/basic/js/quick_links.js "></script>
</body>

</html>